function getCookie(name) {
    var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
    return r ? r[1] : undefined;
}

$(document).ready(function(){
    // $('.popup_con').fadeIn('fast');
    // $('.popup_con').fadeOut('fast');
    //页面加载完成后向后端获取城区信息
    $.get("/api/v1.0/areas",function (resp) {
        if(resp.errno=="0"){
            var areas =resp.data
            //使用js模板
            var html = template("areas-tmpl",{areas:areas})
            $("#area-id").html(html)

        }else{
            alert("resq.errmsg")
        }
    },"json")

    //保存房屋基本信息
    $("#form-house-info").submit(function (e) {
        e.preventDefault()
        //处理表单数据
        var data = {}
        $("#form-house-info").serializeArray().map(function (x) {
            data[x.name]=x.value
        })

        // 收集设置id信息
        var facility = []
        $(":checked[name=facility]").each(function (index,x) {
            facility[index]=$(x).val()
        })
        data.facility= facility

        //向后端发送请求
        $.ajax({
            url:"/api/v1.0/houses/info",
            type:"post",
            contentType:"application/json",
            data:JSON.stringify(data),
            dataType:"json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")
            },
            success:function (resp) {
                if(resp.errno=="4101"){
                    //未登录
                    location.href="/login.html"
                }else if(resp.errno=="0"){
                    //隐藏基本信息表单
                    $("#form-house-info").hide()
                    //显示图片表单
                    $("#form-house-image").show()
                    //设置图片表单中的house_id
                    $("#house-id").val(resp.data.house_id)

                }else{
                    alert(resp.errmsg)
                }
            }

        })

    })

    //房屋图片
    $("#form-house-image").submit(function (e) {
        e.preventDefault()
        $(this).ajaxSubmit({
            url:"/api/v1.0/houses/image",
            type:"post",
            dataType:"json",
            headers:{
                "X-CSRFToken":getCookie("csrf_token")

            },
            success:function (resp) {
                if(resp.errno=="4101"){
                    location.href="/login.html"
                }else if(resp.errno=="0"){
                    $(".house-image-cons").append('<img src="'+resp.data.image_url+'">' )
                }else{
                    alert(resp.errmsg)
                }
            }
        })
    })

})













